﻿<template>
    <div>
        <div class="todo-body">
            <MyHeader/>
            <!-- <MyList/> -->
            <MyList />
            <MyFooter />
        </div>
    </div>
</template>

<script>
    import MyHeader from './components/MyHeader.vue'
    import MyList from './components/MyList.vue'
    import MyFooter from './components/MyFooter.vue'
    export default{
        name: 'App',
        components:{
            MyHeader,
            MyList,
            MyFooter
        }
    }
</script>

<style>
    *{
        margin: 0;
        padding: 0;
    }
    .todo-body{
        position: relative;
        left: 50px;
        top: 20px;
        width: 300px;
        height: 300px;
        border: 1px solid #f00;
        border-radius: 10px;
    }
</style>